<template>
    <div style="text-align: center;" v-if="$store.state.Pk.status == 'playing'">
        <div>
            当前操作:{{ $store.state.Pk.directionShow }}
        </div>
        <div>
            剩余操作时间:{{ $store.state.Pk.lastTime }}
        </div>
        <div v-if="$store.state.User.id == $store.state.Pk.aid">
            出生在右下方
        </div>
        <div v-else>
            出生在左上方
        </div>
    </div>

    <div class="base">
        <gameMapComponents />
    </div>
</template>

<script>
import { useStore } from 'vuex';
import gameMapComponents from './Map/gameMapComponents.vue';
export default {
    name: "groundComponents",
    components: {
        gameMapComponents,
    },
    setup() {
        let store = useStore();
        return {
            store,
        }
    }
}

</script>

<style scoped>
.base {
    width: 70vh;
    height: 70vh;
    margin: 2vh auto;
}
</style>
